✮ Marissa Barch ✮

Summary 5

HTML Responsive Web Design 

This type of web design is when the CSS and HTML work together to automatically resize, reduce, enlarg, and many others. To do this you need to add the <meta> tag to your website along with viewpoint so it knows when to follow the rules. When doing pictures you need to set the max-width to 100% in the CSS so it will become scaleable.    

 

Media Queries

 Media queries are commonly used in websites when dealing with responsive web design. These can make you in control of what screen size in a web browser sees what. By doing this you can even said different div's to interact together to make the website laid out how you want depending if they are on a phone, laptop, ipad, or etc. making it work no matter what devices is using it.                         

 

CSS Media Type/Features/Syntax 

These CSS media related items stem from the media queries. The type can be all, media, or print which is just what you are working with. The features can be various things like the orientation, width, and height including the maxes of these too. The media queries syntax is both of these two things combined so they can work together in the CSS.